<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>电子信息学院教务管理系统</title>
<meta name="keywords" content="侧边导航菜单(可分组折叠)">
<meta name="description" content="侧边导航菜单(可分组折叠)" />
<meta name="HandheldFriendly" content="True" />
<link rel="shortcut icon" href="img/favicon.ico">
<!-- Bootstrap3.3.5 CSS -->
<link href="static/bootstrap/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" data-th-href="@{static/bootstrap/css/bootstrap-theme.css}">
<link rel="stylesheet" href="static/bootstrap-table/dist/bootstrap-table.css">
<link rel="stylesheet" th:href="@{webjars/bootstrap-select/2.0.0-beta1/dist/css/bootstrap-select.css}">
<link data-th-href="@{webjars/bootstrapvalidator/css/bootstrapValidator.css}"	rel="stylesheet" />
<!-- treegrid的css -->
<link rel="stylesheet" href="static/bootstrap-table/dist/extensions/treegrid/treegrid.css">
<!-- combotree的css -->
<link rel="stylesheet" href=static/combotree/bootstrap-treeview.css>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="static/js/html5shiv.min.js"></script>
	<script src="static/js/respond.min.js"></script>
<![endif]-->
<script src="static/bootstrap/js/jquery-3.3.1.min.js "></script>
<script type="text/javascript" src="static/bootstrap/js/bootstrap.js"></script>
<script src="webjars/knockout/knockout.js" type="text/javascript"></script>
<script	src="webjars/knockout-mapping/2.4.1/knockout.mapping.js" type="text/javascript"></script>
<script type="text/javascript" src="webjars/bootstrap-select/2.0.0-beta1/dist/js/bootstrap-select.js"></script>
<script type="text/javascript" src="webjars/bootstrap-select/2.0.0-beta1/dist/js/i18n/defaults-zh_CN.js"></script>
<script	src="webjars/bootstrapvalidator/js/bootstrapValidator.js"></script>
<script src="static/bootstrap-table/dist/bootstrap-table.js"></script>
<script	src="static/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
<script src="../webjars/bootbox/4.4.0/bootbox.js"></script>
<!-- treegrid的js -->
<script src="static/bootstrap-table/dist/extensions/treegrid/bootstrap-table-treegrid.js"></script>
<script src="static/bootstrap-table/dist/extensions/treegrid/jquery.treegrid.js"></script>
<!-- combotree的js -->
<script src="static/combotree/bootstrap-treeview.js"></script>
<script src="static/combotree/combotree.js"></script>
<script type="text/javascript" src="static/bootstrap-table/knockout.bootstrapTable.ljc.js"></script>
<script type="text/javascript" src="static/js/custom.js"></script>
<script th:src="@{{path}/static/bootstrap/js/jquery.mobile-events.min.js(path=${#request.getContextPath()})}" type='text/javascript'></script>
<!-- layui时间，上传插件 -->
<link rel="stylesheet" data-th-href="@{../static/layui/css/layui.css}"/>
<script type="text/javascript"data-th-src="@{../static/layDate-v5.0.9/laydate/laydate.js}"></script>
<script type="text/javascript"data-th-src="@{../static/layui/layui.js}"></script>
<style>
.panel-group {
	max-height: 100%;
	overflow: auto;
}

.leftMenu {
	margin: 0 ;
	margin-top: 5px;
}

.leftMenu .panel-heading {
	font-size: 14px;
	padding-left: 20px;
	height: 36px;
	line-height: 36px;
	color: white;
	position: relative;
	cursor: pointer;
} /*转成手形图标*/
.leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px;
}

.menu-item-left {
	width:100%;
	text-align:left;
	padding: 2px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
}

.menu-item-left:hover {
	background: #C4E3F3;
	border: 1px solid #1E90FF;
}

.leftMenu .panel-collapse {
	overflow: auto;
}
.text-muted {
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #ddd;
	margin-top: 5px;
	margin-bottom: 0;
}
#g_lc{
	width: 100%;
	text-align: left;
	padding: 2px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
}
#g_lc:hover {
	border:1px solid #1E90FF;
	background: #C4E3F3;;
}
.con{
	border:1px solid #1E90FF;
	background: #C4E3F3;;
}
</style>
</head>

<body>
	<div class="container-fluid">
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<!-- <div class="container"> -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar">abcd</span>
					</button>
					<a class="navbar-brand" href="#">电信学院教务管理系统</a>
				</div>
				<div>
					<!-- <span th:if="${user!=null}" class="navbar-text"
						th:text="${'欢迎你:  '+user.name}"></span> -->
					<span sec:authorize="isAuthenticated()&&hasRole('ROLE_DIY')"  class="navbar-text">欢迎你：开发者</span>	
					<span sec:authorize="isAuthenticated()&&!hasRole('ROLE_DIY')"  class="navbar-text">欢迎你：<span sec:authentication="principal.name"></span></span>	
				</div>
				<ul class="nav navbar-nav" sec:authorize="isAuthenticated()&&!hasRole('ROLE_DIY')">
					<li><a href="javascript:changePwd()"><span
							class="glyphicon glyphicon-erase"></span>修改密码</a></li>
				</ul>
				<ul class="nav navbar-nav"  sec:authorize="isAnonymous()">
					<li><a href="javascript:login()"><span
							class="glyphicon glyphicon-user"></span>登录</a></li>
				</ul>
				<div class="collapse navbar-collapse menuButton">
					<ul class="nav navbar-nav navbar-right">
						<li><a th:href="${#httpServletRequest.contextPath+'/'}"><span
								class="glyphicon glyphicon-home"></span>首页</a></li>
						<li class="dropdown" sec:authorize="isAuthenticated()"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"> <span class="glyphicon glyphicon-cog"></span>
								设置<span class="caret"></span>
						</a>
							<ul class="dropdown-menu" role="menu">
								<!-- <li><a
									th:href="${#httpSerrvletRequest.contextPath+'/image/manage'}">上传图片</a></li> -->
								<li sec:authorize="hasRole('ROLE_ADMIN')||hasRole('ROLE_DIY')"><a
									th:href="${#httpServletRequest.contextPath+'/banji/manage'}" >班级设置</a></li>
								<li sec:authorize="hasRole('ROLE_ADMIN')||hasRole('ROLE_DIY')"><a 
									th:href="${#httpServletRequest.contextPath+'/tea/manage'}">教师管理</a></li>
								<li ><a	th:href="${#httpServletRequest.contextPath+'/stu/manage'}">学生管理</a></li>
								<li sec:authorize="hasRole('ROLE_ADMIN')||hasRole('ROLE_DIY')"><a
									th:href="${#httpServletRequest.contextPath+'/course/manage'}">课程</a></li>
								<li><a th:href="${#httpServletRequest.contextPath+'/knowledge/manage'}">知识点</a></li>
								<li><a th:href="${#httpServletRequest.contextPath+'/file/manage'}">文件管理</a></li>
								<li><a th:href="${#httpServletRequest.contextPath+'/experence/manage'}">经验交流</a></li>
							</ul></li>
						
							
						<li  class="dropdown" sec:authorize="isAuthenticated()"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span>班级活动<span
								class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a th:href="${#httpServletRequest.contextPath+'/activity/manage'}">班级活动登记</a></li>
								<li><a th:href="${#httpServletRequest.contextPath+'/activityAttachment/manage'}">活动附件上传</a></li>
							</ul></li>

						<li  sec:authorize="isAuthenticated()" style="margin-right: 50px;"><a th:href="${#httpServletRequest.contextPath+'/logout'}"
							title="注销"><span class="glyphicon glyphicon-off"></span>注销</a></li>
					</ul>
				</div>
			<!-- </div> -->
		</nav>



		<div class="row" id="middle" style="margin-top: 50px;">
			<div class="col-md-2">
				<div id="accordion"
					role="tablist" aria-multiselectable="true" style="margin-bottom: 0">
					<!-- <div th:each="menugroup,idx:${menus}"  class="panel panel-primary leftMenu">
						<div class="panel-heading" th:id="|collapseListGroupHeading${idx.index}|"
							data-toggle="collapse" data-parent="#accordion"
							data-data-target="|#collapseListGroup${idx.index}|" role="tab">
							<h4 class="panel-title">
								<i th:text="${menugroup.name}">系统管理<span></i> <span class="glyphicon glyphicon-chevron-up right"></span>
						</div>
						<div th:id="|collapseListGroup${idx.index}|"
							class="panel-collapse collapse in" data-toggle="collapse"
							data-parent="#accordion" aria-expanded="true" role="tabpanel"
							aria-labelledby="collapseListGroupHeading1">
							<ul class="list-group">
							</ul>
						</div>
					</div> -->
					
					<div class="panel panel-primary leftMenu">
						<!-- 利用data-target指定要折叠的分组列表 -->
						<div class="panel-heading" id="collapseListGroupHeading1"
							data-toggle="collapse" data-parent="#accordion"
							data-target="#collapseListGroup1" role="tab">
							<h4 class="panel-title">
								系统管理 <span class="glyphicon glyphicon-chevron-up right"></span>
							</h4>
						</div>
						
						<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
						<div id="collapseListGroup1"
							class="panel-collapse collapse in" data-toggle="collapse"
							data-parent="#accordion" aria-expanded="true" role="tabpanel"
							aria-labelledby="collapseListGroupHeading1">
							<ul class="list-group">
								<li class="list-group-item">
									<!-- 利用data-target指定URL -->
									<button class="menu-item-left" data-target="teacher/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>教师管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="menu/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>菜单管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="permission/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>权限管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="role/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>角色管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="dept/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>部门管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left">
										<span class="glyphicon glyphicon-triangle-right"></span>分组项1-6
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left">
										<span class="glyphicon glyphicon-triangle-right"></span>分组项1-7
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left">
										<span class="glyphicon glyphicon-triangle-right"></span>分组项1-8
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left">
										<span class="glyphicon glyphicon-triangle-right"></span>分组项1-9
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left">
										<span class="glyphicon glyphicon-triangle-right"></span>分组项1-10
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left">
										<span class="glyphicon glyphicon-triangle-right"></span>分组项1-11
									</button>
								</li>
							</ul>
						</div>
					</div>
					<!--panel end-->
					<div class="panel panel-primary leftMenu">
						<div class="panel-heading" id="collapseListGroupHeading2"
							data-toggle="collapse" data-target="#collapseListGroup2"
							role="tab">
							<h4 class="panel-title">
								调停补课<span class="glyphicon glyphicon-chevron-down right"></span>
							</h4>
						</div>
						<div id="collapseListGroup2" class="panel-collapse collapse"
							data-toggle="collapse" data-parent="#accordion" role="tabpanel"
							aria-labelledby="collapseListGroupHeading2">
							<ul class="list-group">
								<li class="list-group-item">
									<button class="menu-item-left" data-target="ttb/ttb1">
										<span class="glyphicon glyphicon-triangle-right"></span>调停补课申请
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="ttb/g_adminTtb">
										<span class="glyphicon glyphicon-triangle-right"></span>调停补审核
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="ttb/ttbRecord">
										<span class="glyphicon glyphicon-triangle-right"></span>调停补记录
									</button>
								</li>
								<li class="list-group-item">
									<button data-toggle="modal" id="g_lc" data-target="#myModal1" onclick="g_lctk()">
										<span class="glyphicon glyphicon-triangle-right"></span>楼层停课
									</button>
								</li>
							</ul>
						</div>
					</div>
					<div class="panel panel-primary leftMenu">
						<div class="panel-heading" id="collapseListGroupHeading3"
							data-toggle="collapse" data-target="#collapseListGroup3"
							role="tab">
							<h4 class="panel-title">
								教学安排 <span class="glyphicon glyphicon-chevron-down right"></span>
							</h4>
						</div>
						<div id="collapseListGroup3" class="panel-collapse collapse"
							data-toggle="collapse" data-parent="#accordion" role="tabpanel"
							aria-labelledby="collapseListGroupHeading3">
							<ul class="list-group">
								<li class="list-group-item">
									<button class="menu-item-left" data-target="profession/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>学院专业管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="tbclass/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>学院班级管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="student/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>学生管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="curriculum/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>人才方案录入
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="ep/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>教学计划制定
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="classSchedule/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>课程
									</button>
								</li>
							</ul>
						</div>
					</div>
					<div class="panel panel-primary leftMenu">
						<div class="panel-heading" id="collapseListGroupHeading4"
							data-toggle="collapse" data-target="#collapseListGroup4"
							role="tab">
							<h4 class="panel-title">
								数据字典 <span class="glyphicon glyphicon-chevron-down right"></span>
							</h4>
						</div>
						<div id="collapseListGroup4" class="panel-collapse collapse"
							data-toggle="collapse" data-parent="#accordion" role="tabpanel"
							aria-labelledby="collapseListGroupHeading4">
							<ul class="list-group">
								<li class="list-group-item">
									<button class="menu-item-left" data-target="dictionary/courseCategory/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>课程类别
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="dictionary/jcb/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>节次星期
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="dictionary/classRoom/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>教室管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="dictionary/location/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>楼栋管理
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="dictionary/classType/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>教室类型
									</button>
								</li>
								<li class="list-group-item">
									<button class="menu-item-left" data-target="dictionary/schoolyear/manage">
										<span class="glyphicon glyphicon-triangle-right"></span>学年学期
									</button>
								</li>
							</ul>
						</div>
					</div>

				</div>

			</div>
			<div class="col-md-10" id="mainPanel" style="height:100%;padding-top: 5px;overflow: auto;"></div>
		</div>
		<div class="row">
			<p class="text-muted">
				Copyright &copy; 2015-2020 <a href="#">电信学院17级分层教学试点班 </a>
			</p>
		</div>
	</div>
	
	<div class="modal fade bs-example-modal-sm" id="myModal1" tabindex="-1" aria-labelledby="myModalLable">
		<div class="modal-dialog modal-lg">
			<div class="modal-content" id="g_lctk">
				
			</div>
		</div>
	</div>
	
	<script>
        $(function(){
        	var n=$('.leftMenu .panel-collapse').length;
			var winHeight=$(window).height();
        	var panelHeight=winHeight-95-n*43;
        	$('#middle').css('height',(winHeight-50-45)+'px'); 
            $(".leftMenu .panel-heading").click(function(e){
                /*切换折叠指示图标*/
                $(this).find("span").toggleClass("glyphicon-chevron-down");
                $(this).find("span").toggleClass("glyphicon-chevron-up");
               
            });
            $('.leftMenu .in').css('height',panelHeight+'px');
            $('.leftMenu .panel-collapse').on('shown.bs.collapse',function(){
            	panelHeight=$(window).height()-95-n*43;
            	$(this).css('height',panelHeight+'px');
            	
            });
            $('.list-group-item .menu-item-left').click(function(){
            	$(".list-group-item .menu-item-left").removeClass("con");
            	$(this).addClass("con");
            	var url=$(this).attr('data-target');
            	$('#mainPanel').load(url);
            });
        });
        $(window).resize(function(){
        	var n=$('.leftMenu .panel-collapse').length;
			var winHeight=$(window).height();
        	var panelHeight=winHeight-95-n*43;
        	$('#middle').css('height',(winHeight-50-45)+'px');
        	$(".in").height(panelHeight);
        });
        function g_lctk(){
        	$("#g_lctk").load("ttb/g_lctk");
        } 
   	</script>
</body>

</html>
